<script setup lang="ts">
    import IndexAdmin from './components/IndexAdmin.vue' //登录状态信息
    import IndexTotal from './components/IndexTotal.vue' //6月统计信息
    import IndexSale from './components/IndexSale.vue' //2024年度销售额图表
    import IndexOrder from './components/IndexOrder.vue' //2024年订单数量图表
</script>

<template>
    <section class="index_page">
        <div>
            <!--登录状态信息-->
            <IndexAdmin></IndexAdmin>
            <!--6月统计信息-->
            <IndexTotal></IndexTotal>
        </div>
        <div>
            <!--2024年度销售额图表-->
            <IndexSale></IndexSale>
            <!--2024年订单数量图表-->
            <IndexOrder></IndexOrder>
        </div>
    </section>
</template>

<style scoped>
    .index_page{
        background:#FFFFFF;
        border-radius: 5px;
        box-shadow: 0px 0px 5px 5px #E4E7ED;
        margin:20px;
    }
    .index_page > div{
        display:flex;
        justify-content: space-between;
    }
</style>
